<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<!--全局的演示配置,习惯的位置-->
		<!--body表示整个的页面的字体统一的缩小-->
		<style>
			body{  
				font-size: 8px ; /*字体的大小,设置为8个像素*/
				border: 0px solid red;
				width: 284px;
			}

			.me {    /** 共享样式,定义一个名称,class属性=me
			             class属性名前面必须有一个.*/
			  padding-left: 100px;
				}
			.please{
					font-size: 25px;
					font-weight: bold;
					}
		</style>
	</head>
	
	<body>
		<div>顾客联</div>
		<br />  <!--html换行符-->
		
		<div class="please">请您留意取餐账号单</div>
		<div class="me">自取顾客联</div>
		<!--通过左边空白,用户感官是居中*-->
		
		<div>永和大王(北三环西路店</div>
		<div>112345678</div>
		
		<div class="me">--结账单--</div>
		<div class="please">接单号:P13546</div>
		<div>账单类型:堂食</div>
		<div>人数:1</div>
		<div>收银人:张静</div>
		<div>开单时间:2021-03-09  22:01</div>
		<div>结账的时间:2021-09-01  22:02</div>
		
		
		<!--虚线dshed 默认实线, soild 换线性-->
		<hr style="border: 1px dashed;"/>
		
		<!--表格:表头行,普通行,单元格-->
		<table border="0">
			<tr>
				<th width="30" align="center">数量</th>
				<th width="150" align="center">品项</th>
				<th width="50" align="center">金额</th>
			</tr>
			<tr>
				<td valign="top">1</td>
				<td align="center">
					玉米肉松蛋饼2p<br />
					1x-----玉米肉松蛋饼<br />
					1x-----现磨豆浆(热/甜)
				</th>
				<td valign="top" align="right">8.00</td>
			</tr>			
		</table>
		
		<hr style="border: 1px dashed;">
		
		<table border="0">
			<tr>
				<td width="210">合计</td>
				<td>8.00</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td>8.00</td>
			</tr>
		</table>
		
		<hr style="border: 1px dashed;">
		打印时间:2121-03-09 22:09
		<hr style="border: 1px dashed;">
		<div style="padding-top: 15px;"/>  
		  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		发发发方法发发发付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付付fffffffffffff</div>
		 
		 <!--相对路径访问图片-->
		 <img src="./image/qr.png" style="padding-left: 60px;">
		 
		 <div>官网: www.yonhhe.com.cn</div>
		 <div>加盟热线: 86-21-12345678</div>
		 <br /> <br />
	</body>
</html>
